<%@page import="com.drerp.BI.LogicaBI"%>
<%@page import="com.drerp.BI.Financeiro.LogicaFinanceiro"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript" src="../js/jscharts.js"></script>

<title>Tipo de Pagamento por Mês</title>
</head>

<body>
<div id="graph">Loading...</div>
<% LogicaBI logicaBI = new LogicaBI(); 
%>
<script type="text/javascript">
	var myChart = new JSChart('graph', 'line');
	myChart.setDataArray([[1, <%= logicaBI.getPagamentoPorTipo(0).get(0)%>],[2, <%= logicaBI.getPagamentoPorTipo(0).get(1)%>],
	                      [3, <%= logicaBI.getPagamentoPorTipo(0).get(2)%>],[4, <%= logicaBI.getPagamentoPorTipo(0).get(3)%>],
	                      [5, <%= logicaBI.getPagamentoPorTipo(0).get(4)%>],[6, <%= logicaBI.getPagamentoPorTipo(0).get(5)%>],
	                      [7, <%= logicaBI.getPagamentoPorTipo(0).get(6)%>],[8, <%= logicaBI.getPagamentoPorTipo(0).get(7)%>],
	                      [9, <%= logicaBI.getPagamentoPorTipo(0).get(8)%>],[10, <%= logicaBI.getPagamentoPorTipo(0).get(9)%>]], 'blue');
	myChart.setDataArray([[1, <%= logicaBI.getPagamentoPorTipo(1).get(0)%>],[2, <%= logicaBI.getPagamentoPorTipo(1).get(1)%>],
	                      [3, <%= logicaBI.getPagamentoPorTipo(1).get(2)%>],[4, <%= logicaBI.getPagamentoPorTipo(1).get(3)%>],
	                      [5, <%= logicaBI.getPagamentoPorTipo(1).get(4)%>],[6, <%= logicaBI.getPagamentoPorTipo(1).get(5)%>],
	                      [7, <%= logicaBI.getPagamentoPorTipo(1).get(6)%>],[8, <%= logicaBI.getPagamentoPorTipo(1).get(7)%>],
	                      [9, <%= logicaBI.getPagamentoPorTipo(1).get(8)%>],[10, <%= logicaBI.getPagamentoPorTipo(1).get(9)%>]], 'green');
	myChart.setAxisPaddingBottom(40);
	myChart.setTextPaddingBottom(10);
	myChart.setAxisValuesNumberY(5);
	myChart.setIntervalStartY(0);
	myChart.setIntervalEndY(200);
	myChart.setLabelX([2,'Semana 1']);
	myChart.setLabelX([4,'Semana 2']);
	myChart.setLabelX([6,'Semana 3']);
	myChart.setLabelX([8,'Semana 4']);
	myChart.setAxisValuesNumberX(5);
	myChart.setTitle('Tipo de Pagamento por Mês');
	myChart.setShowXValues(false);
	myChart.setTitleColor('#454545');
	myChart.setAxisValuesColor('#454545');
	myChart.setLineColor('#A4D314', 'green');
	myChart.setTooltip([1]);
	myChart.setTooltip([2]);
	myChart.setTooltip([3]);
	myChart.setTooltip([4]);
	myChart.setTooltip([5]);
	myChart.setTooltip([6]);
	myChart.setTooltip([7]);
	myChart.setTooltip([8]);
	myChart.setTooltip([9]);
	myChart.setTooltip([10]);
	myChart.setFlagColor('#9D16FC');
	myChart.setFlagRadius(4);
	myChart.setLegendShow(true);
	myChart.setLegendPosition(550, 22);
	myChart.setLegendForLine('blue', 'Convenio');
	myChart.setLegendForLine('green', 'Particular');
	myChart.setBackgroundImage('chart_bg1.jpg');
	myChart.setSize(616, 321);
	myChart.draw();
</script>

</body>
</html>
